<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<html>
<head>
    <title></title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <link rel="stylesheet" type="text/css" href="${ctx}/ui/static/al/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="${ctx}/ui/static/al/css/main.css"/>
</head>
<body>
<nav class="navbar navbar-default">
    <div class="container">
        <a class="logo pull-left" href="#">
            <h1>福瑞<span>沃科</span></h1>
        </a>
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <div class="collapse navbar-collapse " id="bs-example-navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li class="navBg"></li>
                <li class="active">
                    <a href="${ctx}/website/home/index">网站首页</a>
                </li>
                <li>
                    <a href="${ctx}/website/gywm/index">关于我们</a>
                </li>
                <li>
                    <a href="${ctx}/website/fwal/index?id=${fwalid}">服务案例</a>
                </li>
                <li>
                    <a href="${ctx}/website/xwzx/index?id=${xwzxid}">新闻中心</a>
                </li>
                <li>
                    <a href="${ctx}/website/lxwm/index">联系我们</a>
                </li>
            </ul>
        </div>
    </div>
</nav>
<%--space--%>
<div class="space"></div>
<%--banner--%>
<div class="banner">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <%--Indicators--%>
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        </ol>

        <%--Wrapper for slides--%>
        <div class="carousel-inner" role="listbox">
            <c:forEach items="${slides}" var="slides">
                        <div class="item">
                            <c:if test="${not empty slides.picture}">
                            <img src="${slides.picture}"/>
                            </c:if>
                        </div>
            </c:forEach>
        </div>
        <%--$("#item").addClass("active");${userStat.index}--%>
        <%--Controls--%>
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
</div>
<%--honor--%>
<div class="honor padT80 padB80 greyBg" style="width: 100%">
    <div class="container">
        <section class="title">
            <h2>公司介绍</h2>
        </section>
        <div class="row padT80">
                <div class="honty">
                    <div>
                        <div class="tycon">
                            <h3>${tcontents3.title}</h3>
                        </div>
                    </div>
                    <p>${tcontents3.pliceName}</p>
                </div>
        </div>
    </div>
</div>
<%--charactic--%>
<div class="charactic padT80 padB80">
    <div class="container">
        <div class="row">
            <div class="col-md-4 col-sm-6 col-xs-12">
                <div class="charList">
                    <h3>全面服务助企业迈向辉煌</h3>
                    <ul>
                        <li class="clearfix">
                            <div>
                                <span>A</span>
                            </div>
                            <p>
                                汇聚全方位技术人员于一体
                            </p>
                        </li>
                        <li class="clearfix">
                            <div>
                                <span>B</span>
                            </div>
                            <p>汇聚全方位技术人员于一体</p>
                        </li>
                        <li class="clearfix">
                            <div>
                                <span>C</span>
                            </div>
                            <p>汇聚全方位技术人员于一体</p>

                        </li>
                        <li class="clearfix">
                            <div>
                                <span>D</span>
                            </div>
                            <p>汇聚全方位技术人员于一体</p>
                        </li>
                    </ul>
                    <p><a href="${ctx}/website/lxwm/index">立即联系我们</a></p>
                </div>
            </div>
            <div class="col-md-6 col-md-offset-2 col-sm-6  col-xs-12">
                <section class="title">
                    <h2>我们的实力</h2>
                </section>
                <div class="charIntr">
                    <p>${content5}</p>
                    <a href="${ctx}/website/fwal/index?id=${fwalid}">查看更多</a>
                </div>
            </div>
        </div>

    </div>
</div>
<%--service--%>
<div class="service padT80 padB80 greyBg">
    <div class="container">
        <section class="title">
            <h2>我们的服务</h2>
        </section>
        <ul class="row padT80">
            <c:forEach items="${tcontents1}" var="tcontents1" varStatus="status">
                        <li class="col-sm-4 col-xs-12">
                            <a href="${ctx}/website/fwal/wmdfwxx?id=${tcontents1.id}">
                            <span>${status.count}</span>
                            <span>
                                <h3>${tcontents1.title}</h3>
                            </span>
                            </a>
                        </li>
            </c:forEach>
        </ul>
    </div>
</div>
<%--case--%>
<div class="case padT80 padB80">
    <div class="container">
        <section class="title">
            <h2>成功案例</h2>
        </section>
        <ul class="row padT80">
            <c:forEach items="${tcontents2}" var="tcontents2">
            <li class="col-sm-4 col-xs-6">
                <a href="${ctx}/website/fwal/cgalxx?id=${tcontents2.id}">
                    <c:if test="${not empty tcontents2.altp}">
                    <img src="${tcontents2.altp}"/>
                    </c:if>
                </a>
            </li>
            </c:forEach>
        </ul>
    </div>
</div>
<%--news--%>
<div class="news padT80 padB80 greyBg">
    <div class="case padT80 padB80">
        <div class="container">
            <section class="title">
                <h2>资质文件</h2>
            </section>
            <ul class="row padT80">
                <c:forEach items="${tcontents4}" var="tcontents4">
                <li class="col-sm-4 col-xs-6">
                    <a href="${ctx}/website/home/zzwjxx?id=${tcontents4.id}">
                        <c:if test="${not empty tcontents4.altp}">
                        <img src="${tcontents4.altp}"/>
                        </c:if>
                    </a>
                </li>
                </c:forEach>
            </ul>
        </div>
    </div>
</div>
<jsp:include   page="${ctx}/WEB-INF/jsp/website/footer.jsp" flush="true"/>
<script src="${ctx}/ui/static/al/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="${ctx}/ui/static/al/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="${ctx}/ui/static/al/js/main.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    $(function(){
        $("div.item:eq(0)").addClass("active");
    });
</script>
</body>
</html>
